import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

import { PagesComponent } from './pages.component';
import { AboutComponent } from './about/about.component';
import { ContactComponent } from './contact/contact.component';
import { ServicesComponent } from './services/services.component';
import { UserComponent } from './user/user.component';
import { ProfileComponent } from './profile/profile.component';
import { BlogComponent } from './blog/blog.component';
import { BlogArticleComponent } from './blog/article/article.component';
import { FileManagerComponent } from './file-manager/file-manager.component';
import { ProjectComponent } from './project/project.component';

const routes: Routes = [
  { path: '', component: PagesComponent },
  { path: 'about', component: AboutComponent },
  { path: 'contact', component: ContactComponent },
  { path: 'services', component: ServicesComponent },
  { path: 'user', component: UserComponent },
  { path: 'profile', component: ProfileComponent },
  { path: 'blog', component: BlogComponent },
  { path: 'blog/:id', component: BlogArticleComponent },
  { path: 'file-manager', component: FileManagerComponent },
  { path: 'projects', component: ProjectComponent }
];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class PagesRoutingModule {}
